<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>个人中心</title>

    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>

    <link href="__PUBLIC__/basic/css/demo.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/css/modalstyle.css" rel="stylesheet" type="text/css"/>
    <!--必要样式-->
    <style>
        body {
            background: #EFEFEF;
            background: #FFF;
        }
        a:hover,a:focus{
            color: #FFAD01;
        }

        .gd-nav {
            float: left;
            width: 20%;
            text-align: center;
            vertical-align: middle;
            margin: 20px auto;
        }

        .gd-nav img {
            height: 30px;
            margin: 0 auto;
            display: block;
        }

        .gd-nav .type {
            color: #999;
            font-size: 13px;
            line-height: 24px;
        }

        .num {
            color: #FFAD01;

        }

        .head-box{
            /*background: url('__PUBLIC__/new_images/bg_big.png') no-repeat;background-size: 100%;*/

            background: url('__PUBLIC__/new_images/user_bg.png') no-repeat;background-size: 100%;
            /*background: #ffad01;*/
            /*border-radius: 0 0 40px 40px ;*/
            position: relative;
        }
        .head-box .am-u-sm-12 {
            margin-top: 50px;
        }

        .head-box .img1{
            background: url('__PUBLIC__/new_images/bg_sm.png') no-repeat;background-size:100%;padding: 12px;
        }
        .head-box .img2{
            position: absolute;top: 25px;right: 25px;
        }

        .myorder{
            display: inline-block;line-height: 50px;font-size: 16px;font-weight: bold;
        }

        .order-list{
            border: 1px solid #EDEDED;border-left: none;border-right: none;
        }

        .myplay{
            display: block;line-height: 50px;font-size: 16px;font-weight: bold;height: 44px;
        }
        .my-play-list .am-u-sm-3{
            margin: 15px 0px 10px;
        }
        .my-play-list .am-u-sm-3 span{
            display: block;color: #999;font-size: 13px;line-height: 30px;
        }


         .bb2{
             display: block;
             position: absolute;
             top: 15px;
             right: 85%;
             z-index: 999;
             width: 16px;
             line-height: 16px;
             height: 16px;
             color: #fff;
             background: #ffad01;
             border-radius: 50%;
         }
        .cash_btn{
            border: 1px red solid;
            background-color: red;
            color: #fff;
            font-weight: bold;
            margin-left: 5px;
            border-radius: 45px;
            padding: 2px 3px;
        }
        .withdrawals_btn{
            color: #fff;
            font-size: 16px;
            float: right;
            margin-right: 60px;
            margin-bottom:10px;

            margin-top: -5px;
        }
    </style>
</head>

<body>
<div class="am-g head-box" id="top">
    <div class="am-u-sm-12 am-text-center">
        <a href="#"><img src="{$user.head_pic}" class="am-circle img1" width="85" height="85" alt=""></a>
        <br><span style="font-size: 16px;color: #FFFFFF">{$user.nickname}</span>

        <br><span style="font-size: 16px;color: #FFFFFF;
        /*padding-left: 40px;margin-right: -50px;"*/
    >￥{:number_format($user['user_money'] + $user['rebate_money'],2)}</span><a href="__APP__/Home/Me/cash"><span class="withdrawals_btn">提现</span></a>
        <a href="__APP__/Home/Me/recharge" ><span style="float: left;padding-left: 60px;font-size: 16px;color: #fff; margin-top: -5px;">充值</span></a>
    </div>
    <!--<a href="#"><img class="img2" src="__PUBLIC__/new_images/message.png" alt=""></a>-->
</div>
<a href="__APP__/Home/Order/index?type=0">
    <div class="am-g">
        <div class="am-u-sm-6 bg-white" style="height: 50px;">
            <span class="myorder">我的订单</span>
        </div>
        <div class="am-u-sm-6 bg-white am-text-right" style="padding:15px 20px 15px 0;">
            <img src="__PUBLIC__/new_images/right.png" height="20" alt="">
        </div>
    </div>
</a>
<div class="am-g bg-white order-list" >
    <div class="am-u-sm-12 am-padding-0">
        <a href="__APP__/Home/Order/index?type=1">
            <div class="gd-nav">
                <img src="__PUBLIC__/images/pay.png" alt="走进自然">
                <span class="type">待付款</span><neq name="unReadOrderNum.pay" value="0"><span class="bb2">{$unReadOrderNum.pay}</span></neq>
            </div>
        </a>
        <a href="__APP__/Home/Order/index?type=2">
            <div class="gd-nav">
                <!--<img src="../../../../Public/images/pay.png" height="300" width="300"/>-->
                <img src="__PUBLIC__/images/send.png" alt="走进生活">
                <span class="type">待发货</span><neq name="unReadOrderNum.shipment" value="0"><span class="bb2" style="right: 65%">{$unReadOrderNum.shipment}</span></neq>
            </div>
        </a>
        <a href="__APP__/Home/Order/index?type=3">
            <div class="gd-nav">
                <img src="__PUBLIC__/images/receive.png" alt="走进艺术">
                <span class="type">待收货</span><neq name="unReadOrderNum.received" value="0"><span class="bb2" style="right: 45%">{$unReadOrderNum.received}</span></neq>
            </div>
        </a>
        <a href="__APP__/Home/Order/index?type=4">
            <div class="gd-nav">
                <img src="__PUBLIC__/images/comment.png" alt="走进科学">
                <span class="type">待评价</span><neq name="unReadOrderNum.evaluation" value="0"><span class="bb2" style="right: 25%">{$unReadOrderNum.evaluation}</span></neq>
            </div>
        </a>
        <a href="__APP__/Home/Order/change">
            <div class="gd-nav">
                <img src="__PUBLIC__/images/refund.png" alt="提升素质">
                <span class="type">退换货</span><neq name="unReadOrderNum.return" value="0"><span class="bb2" style="right: 5%">{$unReadOrderNum.return}</span></neq>
            </div>
        </a>
    </div>
</div>

<div class="am-g">
    <div class="am-u-sm-12">
        <span class="myplay">我的常用</span>
    </div>
</div>

<style>
    .my-play-list .am-u-sm-3{
        padding: 0;
    }
</style>
<div class="am-g bg-white my-play-list">
    <!--<a href="#">-->
        <!--<div class="am-u-sm-3 am-text-center">-->
            <!--<img src="__PUBLIC__/new_images/card.png" width="25" alt="">-->
            <!--<span style="">我的卡券</span>-->
        <!--</div>-->
    <!--</a>-->
    <a href="#" onclick="isAgent(1)">
        <div class="am-u-sm-3 am-text-center">
            <img src="__PUBLIC__/new_images/my_qrcode.png" width="25" alt="">
            <span>分享赚钱</span>
        </div>
    </a>

    <a href="__APP__/Home/Me/accountOrder">

        <div class="am-u-sm-3 am-text-center">
            <img src="__PUBLIC__/new_images/money_log.png" width="25" alt="">
            <span>佣金明细</span>
        </div>
    </a>
    <a href="__APP__/Home/Me/address">
        <div class="am-u-sm-3 am-text-center">
            <img src="__PUBLIC__/new_images/foot.png" width="25" alt="">
            <span>地址管理</span>
        </div>
    </a>
    <eq name="user.type" value="1">
        <a href="__APP__/Home/Order/dispatchOrder">
            <div class="am-u-sm-3 am-text-center">
                <img src="__PUBLIC__/new_images/dispatch_order.png" width="25" alt="">
                <span>派送订单</span>
            </div>
        </a>
    </eq>
    <a href="__APP__/Home/Me/goToMyDownUser">
        <div class="am-u-sm-3 am-text-center">
            <img src="__PUBLIC__/new_images/my_down_user.png" width="25" alt="">
            <span>我的伙伴</span>
        </div>
    </a>
    <a href="__APP__/Home/Order/getFreeOrderList">
        <div class="am-u-sm-3 am-text-center">
            <img src="__PUBLIC__/new_images/freeorder.png" width="25" alt="">
            <span>免费订单</span>
        </div>
    </a>
    <a href="__APP__/Home/Me/withdrawalsLog">
        <div class="am-u-sm-3 am-text-center">
            <img src="__PUBLIC__/new_images/cash_log.png" width="25" alt="">
            <span>提现记录</span>
        </div>
    </a>
    <a href="__APP__/Home/Me/agentUI">
        <div class="am-u-sm-3 am-text-center">
            <img src="__PUBLIC__/new_images/agent_icon.png" width="25" alt="">
            <span>成为代理</span>
        </div>
    </a>
    <a href="#" onclick="isAgent(2)">
        <div class="am-u-sm-3 am-text-center">
            <img src="__PUBLIC__/new_images/agent_price_icon.png" width="25" alt="">
            <span>代理购买价格</span>
        </div>
    </a>
    <a href="__APP__/Home/Me/agent">
        <div class="am-u-sm-3 am-text-center">
            <img src="__PUBLIC__/new_images/team_sales.png" width="25" alt="">
            <span>团队业绩</span>
        </div>
    </a>
    <a href="__APP__/Home/Goods/collection">
        <div class="am-u-sm-3 am-text-center ">
            <img src="__PUBLIC__/new_images/favorite.png" width="25" alt="">
            <span>我的收藏</span>
        </div>
    </a>

    <a href="__APP__/Home/Me/problem">
        <div class="am-u-sm-3 am-text-center">
            <img src="__PUBLIC__/new_images/problem.png" width="25" alt="">
            <span>常见问题</span>
        </div>
    </a>

    <a href="__APP__/Home/Order/refundList">
        <div class="am-u-sm-3 am-text-center">
            <img src="__PUBLIC__/new_images/refund.png" width="25" alt="">
            <span>退款</span>
        </div>
    </a>
    <!--</eq>-->
    <a href="http://www.jipintc.com/Home/ShopCart/recharge">
        <div class="am-u-sm-3 am-text-center ">
            <img src="__PUBLIC__/new_images/favorite.png" width="25" alt="">
            <span>成为代理商</span>
        </div>
    </a>
</div>

<include file="Public:bottom_navbar" />
</body>
<script src="__PUBLIC__/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
<script src="__PUBLIC__/AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/layer/layer.js"></script>
<script>
    $(function () {
        var h = window.screen.width * 0.558;
        $('[name=money]').bind('input propertychange', function() {mInfo();});
//        $(".bb").css("right",'85%');
        $('#top').css('height', h);
    })

    function  rechargeModal(){
        $('#doc-modal-1').modal();
    }
    function  isAgent(index){
        //index为1时是跳到招募代理商页面为2时是跳到代理商商品价格页面
//        if(type == 1){
            if(index == 1)
                window.location.href="__APP__/Home/Me/goToQRCode";
            else if(index == 2)
                window.location.href = "__APP__/Home/Me/agentPrice";
//        }
//        else{
//            layer.msg('您还不是代理');
//
//        }

    }
</script>
</html>